<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页</title>
		<script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
		<script src="js/require.js" defer async="true" ></script>
		<script src="js/require.js" data-main="js/list"></script>
		<link rel="stylesheet" type="text/css" href="css/list.css"/>
		<script type="text/javascript" src="js/ajax.js" ></script>
	</head>
	<body>
		<!-- top -->
		<div class="header"></div>
		
		<!-- 右侧边栏 -->
		<div class="side"></div>
		
		<!--banner图-->
		<div id="banner">
			<div class="bannerCon">		
			</div>
		</div>
		
		<!--商品列表-->
		<div class="goods clearfix">
			<ul></ul>
		</div>
		
		
		<!--footer-->		
		<div class="footer"></div>
		
		<script>
			//加载图片
			function loading(){
				ajax("pic/img.txt",function(str){
					var json1 = JSON.parse(str);
					var str = "";
					for(var i = 0;i < json1.length;i ++){
						str += "<li><a href='#'><img src='"+json1[i].img+"'></a></li>";				
					}	
					$(".goods ul").html(str);
				});			
			}
			loading();
		</script>
	</body>
</html>
